<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>系统管理页面</title>
<link rel="stylesheet" type="text/css" href="${ctx }/static/css/index.css"/>
<script type="text/javascript" src="${ctx }/static/js/jquery-3.3.1.js"></script>
</head>
	<body>
		<div id="title"> 
			<div>
				<ul class="ul">
					<li id="li">
						<a href="#">代理商管理</a>
						<span>|</span>
						<ul class="tianlititle">
							<li>申请关键词</li> 
							<li>代理商客户管理</li>
							<li>代理商预贷款</li>
							<li>关键词申请管理</li>
							<li>操作日志</li>
						</ul>
					
					</li>
					<li id="li">
						<a href="#">门户管理</a>
						<span>|</span>
						<ul class="tianlititle">
							<li>门户管理</li>
						</ul>
						
					</li>
					<li id="li">
						<a href="#">报表管理</a>
						<span>|</span>
						<ul class="tianlititle" >
							<li>报表管理</li>
						</ul>
						
					</li>
					<li id="li">
						<a href="#">系统管理</a>
						<span>|</span>
						<ul class="tianlititle xitongguanli">
							<li><a href="${ctx }/Finance/select" id="finance">财务管理</a></li>
							<li><a href="#" id="role">角色管理</a></li>
							<li><a href="#" id="jurisdiction">角色权限管理</a></li>
							<li><a href="#" id="user">用户管理</a></li>
							<li><a href="#" id="key">关键词审核</a></li>
						</ul>
						
					</li>
					<li id="li">
						<a href="#">系统配置管理</a>
						<ul class="tianlititle" >
							<li>财务类型</li>
							<li>服务类型</li>
							<li>服务年限</li>
							<li>APP地址</li>
							<li>客户类型</li>
							<li>证件类型</li>
							<li>优惠类型</li>
						</ul>
						
					</li>
				</ul>
			</div>
		</div>
	
		<div id="div">
			
			
			<script type="text/javascript">
				$(".xitongguanli li").click(function(){
					
					var ind=$(this).index();
					if(ind == 0 ){
						$("#div").load("${ctx}/pages/finance.jsp");
					}
					
				})
			</script>
		</div>
		
		
		<script type="text/javascript">
			$(function(){
				$('#title .ul #li').hover(
					function(){
						$(this).children(".tianlititle").show();},
					function(){
						$(this).children(".tianlititle").hide();
				});
				
				$(".xitongguanli li").click(function(){
					var val="-->"+$(this).text();
					var te=$("#div p span").text(val)
				})
				
				
				

			})
			
			
			
		</script>
	</body>
</html>